@import "tailwindcss";

.arco-scrollbar-track-direction-vertical {
    width: 0.75rem !important;
}

.arco-scrollbar-thumb-bar {
    width: 0.45rem !important;
    margin: 0 0 0 0.25rem !important;
}

.gutter {
    background-color: #eee;
    cursor: col-resize;
    background-repeat: no-repeat;
    background-position: 50%;
}

.border-color {
    border-color: rgb(var(--gray-3));
}

.arco-tabs-size-mini .arco-tabs-nav,
.arco-tabs-size-mini .arco-tabs-nav-tab {
    height: calc(var(--spacing) * 7);
}

.arco-tabs-content {
    height: calc(100% - var(--spacing) * 7);
    padding-top: 0 !important;
}

.arco-tabs-content-list,
.arco-tabs-pane {
    height: 100%;
}

.arco-dropdown-option {
    line-height: calc(var(--spacing) * 7) !important;
    font-size: 12px !important;
}

.file-tree .arco-tree-node-title-text {
    flex: 1;
}

.file-tree .arco-tree-node-switcher {
    margin-right: 1px !important;
    margin-left: 2px;
    width: auto !important;
}

.file-tree .arco-tree-node {
    height: calc(var(--spacing) * 7);
}

.file-tree .arco-tree-node:hover {
    background-color: var(--color-fill-2);
}

.file-tree .arco-tree-node-selected {
    background-color: var(--color-fill-3);
}

.file-tree .arco-tree-node-custom-icon,
.file-tree .arco-tree-node-indent-block {
    margin-right: 0 !important;
}